@import "./color.scss";

// 按钮样式
.blue {
  color: $color-blue;
}

.black {
  color: $color-black;
}

.black-border {
  color: $color-black-border;
}

[class*="--primary"] {

  &.is-plain,
  &.is-link {
    color: $color-blue !important;
  }

  &:not(.is-plain):not(.is-link):not(.is-disabled) {
    background-color: $color-blue !important;
  }

  &:not(.is-link):not(.is-disabled) {
    border-color: $color-blue !important;
  }

  &.is-disabled {
    background-color: $disabled-background-color !important;
    border-color: $disabled-background-color !important;
    color: $disabled-color !important;
  }
}

[class*="--default"] {
  border-color: $color-black-border !important;
  color: $color-black !important;

  // &:hover {
  //   >span {
  //     // color: $color-blue !important;
  //   }
  // }
}

button.is-plain {
  background-color: transparent !important;

  &:hover:not(.is-disabled) {
    color: $color-blue !important;
  }
}

// 数据源滚动条
.source-body {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: rgba(246, 247, 249, 0.1);
    border-radius: 0;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(246, 247, 249, 0.15);
    transition: color 0.2s ease;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(246, 247, 249, 0.3);
  }

  // 去掉 dropdown 组件轮廓
  .el-dropdown {
    .el-dropdown-link {
      outline: none;
    }
  }

  &:hover {

    ::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.1);
      border-radius: 0;
    }

    ::-webkit-scrollbar-thumb {
      cursor: pointer;
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.15);
      transition: color 0.2s ease;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.3);
    }
  }
}

// 滚动条样式
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.15);
  transition: color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

// 去掉 dropdown 组件轮廓
.el-dropdown {
  .el-dropdown-link {
    outline: none;
  }
}